/*
 * @Author: JoeLiao
 * @Date: 2024-11-03 23:49:25
 * @LastEditors: JoeLiao 1094153928@qq.com
 * @LastEditTime: 2024-11-14 15:47:35
 * @FilePath: \vue3_admin_master\src\store\modules\user.ts
 * @Description:
 *
 * Copyright (c) 2024 by ${git_name_email}, All Rights Reserved.
 */
// 创建用户相关的小仓库
import { defineStore } from 'pinia'
// 引入接口
import { reqLogin, reqUserInfo, reqLogout } from '@/api/user'
// 引入数据类型
import type { loginFormData, loginResponseData } from '@/api/user/type'
// 引入小仓库数据类型
import type { UserState } from './types/types'
// 引入本地封装的localStorage方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'
// 引入路由菜单
import { constantRoute } from '@/router/routes'

// 创建用户小仓库
const useUserStore = defineStore('User', {
  // 小仓库存储数据的地方
  state: (): UserState => {
    return {
      token: GET_TOKEN('TOKEN'), // 用户唯一标识token
      menuRoutes: constantRoute,
      username: '',
      avatar: '',
    }
  },
  // 异步|逻辑的地方
  actions: {
    // 用户登录的方法
    async userLogin(data: loginFormData) {
      // 登录请求
      const result: loginResponseData = await reqLogin(data)
      // 登录请求:成功200->token
      // 登录请求:失败201->登录失败错误的信息
      if (result.code == 200) {
        // pinia仓库存储一下token
        // 由于pinia|vuex存储数据其实利用js对象
        this.token = result.data as string
        // 本地存储持久化存储一份
        SET_TOKEN('TOKEN', result.data as string)
        // 能保证当前async函数返回一个成功的promise
        return 'ok'
      } else {
        // 报错清除token
        // REMOVE_TOKEN('TOKEN')
        // SET_TOKEN('TOKEN', '')
        return Promise.reject(new Error(result.data))
      }
    },
    // 获取用户信息方法
    async userInfo() {
      // 获取用户信息进行存储仓库当中[用户头像、名字]
      const result = await reqUserInfo()

      // 如果获取用户信息成功，存储一下用户信息
      if (result.code == 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar

        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
    // 退出登录
    async userLogout() {
      // 退出登录请求
      const result: any = await reqLogout()
      if (result.code == 200) {
        // 目前没有mock接口:退出登录接口(通知服务器本地用户唯一标识失效)
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOKEN('TOKEN')
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
  },
  getters: {},
})
// 对外暴露获取小仓库的方法
export default useUserStore
